<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>新房装修_二手房装修_自己装修-蚂蚁馆嘉装</title>
    <meta name="author" content="author">
    <meta name="keywords" content="新房装修设计,二手房翻新,买建材,家装设计师,装修施工队,装修监理,蚂蚁馆嘉装">
    <meta name="description"
          content="新房装修、二手房翻新、工装等各类型房屋室内设计装修一站式服务。业主可通过网站直接找装饰公司做装修半包、装修全包；也可以通过蚂蚁馆嘉装网站单独找设计师、施工人员，以及建材、家居等软装类。蚂蚁馆网站客服向业主提供装修前咨询以及装修中保障服务。">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Window-target" content="_top">
    <!-- 收藏图标 -->
    <!-- <link rel="Shortcut Icon" href="favicon.ico"> -->
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="{{ asset('web/style/bootstrap.min.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="{{ asset('web/style/comm.css') }}">
    <link rel="stylesheet" href="{{ asset('web/font/iconfont.css') }}">
    <script src='https://cdn.staticfile.org/vue/2.2.2/vue.min.js'></script>
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="{{ asset('web/style/idangerous.swiper.css') }}">
    <link rel="stylesheet" href="{{ asset('web/style/jj4.css') }}">
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?eb959a0f08e8a123dcbd729738b9ed8e";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>

<body>
<div id="app">
    <!-- 头部登录部分 -->
    <div class="head">
        <div class="content clearfix">
            <div class="pull-left">
                <i class="iconfont icon-dizhi"></i>
                <span>全国</span>
                <a href="{{ url('region') }}"> [切换]</a>
                @if(config('region.region.url', ''))
                    <a href="{{ config('region.region.url', '') }}" target="_blank"
                       style="margin-left: 5px; color: beige;">
                        快速进入 >
                        <span style="color: red;">{{ config('region.region.city', '') }}站</span>
                    </a>
                @endif
            </div>
            <div class="pull-right">
                <a href="javascript:;">登录</a>
                <a href="javascript:;">注册</a>
            </div>
        </div>
    </div>
    <div class="nav">
        <div class="content">
            <div class="pull-left">
                <a href="{{ url('/') }}"><img src="{{ asset('web/images/logo.png') }}" alt="" class="logo"></a>
            </div>
            <div class="pull-left">
                <div class="list" style="">
                    <a href="javascript:;" class="active">首页</a>
                    <a href="{{ url('/strategy')}}">自己装修攻略</a>
                    <a href="{{ url('/designer') }}">独立设计师</a>
                    <a href="{{ url('/company') }}">装修公司</a>
                    <a href="{{ url('/case') }}">效果图</a>
                    <a href="{{ url('jiancaiku') }}">建材</a>
                    <a href="{{ url('jiaju') }}">家具</a>
                    <a href="{{ url('baike/index') }}">百科</a>
                </div>
            </div>
{{--            <div class="pull-right">--}}
{{--                <label class="search">--}}
{{--                    <input type="text" placeholder="请输入"/>--}}
{{--                    <i class="iconfont icon-sousuo basecolor"></i>--}}
{{--                </label>--}}
{{--            </div>--}}
        </div>
    </div>
    <div class="bgcontent">
        <div class="bgcover">
            <div class="head1">免费获取三份设计</div>
            <div class="head2">装修又省钱有省心</div>
            <input class="head3" type="text" placeholder="您的姓名"/>
            <input class="head3" type="text" placeholder="输入手机号获取免费设计与报价">
            <div class="head4">立即申请</div>
        </div>
    </div>
    <div class="banconent">
        <div class="banlist">
            <div class="smallban">
                <img src="{{ asset('web/images/round.jpg') }}">
                <div class="bandiv">自己装修</div>
                <div class="bandiv1">大量装修攻略任你参考</div>
            </div>
            <div class="greyline"></div>
            <div class="smallban">
                <img src="{{ asset('web/images/round1.jpg') }}">
                <div class="bandiv">找装修公司</div>
                <div class="bandiv1">金牌装修让你装修更省心</div>
            </div>
            <div class="greyline"></div>
            <div class="smallban">
                <img src="{{ asset('web/images/round2.jpg') }}">
                <div class="bandiv">独立设计师</div>
                <div class="bandiv1">设计师全包让你装修轻轻松松</div>
            </div>
            <div class="greyline"></div>
            <div class="smallban">
                <img src="{{ asset('web/images/round3.jpg') }}">
                <div class="bandiv">找装修师傅</div>
                <div class="bandiv1">最专业的装修师傅让你放心</div>
            </div>
        </div>
    </div>
    <div class="ljcontent">
        <div class="ljdiv">
            <div class="lj-box">
                <div class="ljbox1">装修攻略</div>
                <div class="ljbox2"></div>
                <div class="ljbox3">学习装修经验与装修问题，小白晋级达人就靠它</div>
                <div class="lgul">
                    @foreach($baikeCategory as $key => $value)
                        <div class="ljli">
                            <div class="ljli1" style="background-image:url('{{ asset('web/images/photo2.png') }}');">
                                {{ $key }}
                            </div>
                            <div class="ljli2">
                                @foreach($value as $item)
                                    <a href="{{ generate_top_url('/baike/detail', '', $item->id) }}" target="_blank">
                                        {{ $item->title }}
                                    </a>
                                @endforeach
                            </div>
                            <a href="{{ url('baike', $category[$key]) }}" class="ljli3">查看更多→</a>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>


    <div class="ljcontent" style="background: #efefef;">
        <div class="ljdiv">
            <div class="lj-box">
                <div class="ljbox1">装修公司</div>
                <div class="ljbox2"></div>
                <div class="ljbox3">甄选优质装修公司，为您提供优质的装修服务</div>
                <div class="swiper-container companies">
                    <div class="swiper-wrapper">
                        @foreach($archive as $item)
                            <div class="swiper-slide">
                                <div class="li">
                                    <div class="img1"
                                         style="background-image:url('{{ asset('web/images/banner.jpg') }}');"></div>
                                    <div class="img2"
                                         style="background-image:url('{{ asset('web/images/develop2.png') }}');"></div>
                                    <div class="name">{{ $item->name }}</div>
                                    <div class="info">
                                        <div>案例作品:<span>{{ random_int(10000,99999) }}</span></div>
                                        <div>团队成员:<span>{{ random_int(10000,99999) }}</span></div>
                                    </div>
                                    <a href="{{ generate_top_url('/company/detail', $item->region->initials, $item->id) }}">查看详情</a>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
                <div class="page">
                    <div>
              <span onclick="mySwiper.swipePrev()">
                <</span> <span class="m">
                  <i class="l" id="current">1</i>/ <i class="r">1</i>
                            <!-- 总页需要除以4 -->
              </span>
                        <span onclick="mySwiper.swipeNext()">></span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="ljcontent">
        <div class="ljdiv">
            <div class="lj-box">
                <div class="ljbox1">装修建材</div>
                <div class="ljbox2"></div>
                <div class="ljbox3">学习装修经验与装修问题，小白晋级达人就靠它</div>
                <ul class="list">
                    @foreach($categorys as $item)
                        <li>
                            <div class="header2">
                                <span>{{ $item->name }}</span>
                                <a href="{{ url('jiancaiku', $item->uri) }}" class="r">更多</a>
                            </div>
                            <div class="lis">
                                @foreach($item->material as $mater)
                                    <a href="{{ generate_top_url('/jiancaiku/'.$item->uri.'/detail',$mater->region->initials,$mater->id) }}"
                                       class="li dot">{{ $mater->name }}</a>
                                @endforeach
                            </div>
                        </li>
                    @endforeach
                </ul>
            </div>
        </div>
    </div>


    <div class="ljcontent" style="background: #efefef;">
        <div class="ljdiv">
            <div class="lj-box">
                <div class="ljbox1">家具软装</div>
                <div class="ljbox2"></div>
                <div class="ljbox3">学习装修经验与装修问题，小白晋级达人就靠它</div>
                <ul class="list">
{{--                    <li>--}}
{{--                        <div class="header2">--}}
{{--                            <span>卫浴/洁具</span>--}}
{{--                            <a href="javascript:;" class="r">更多</a>--}}
{{--                        </div>--}}
{{--                        <div class="lis">--}}
{{--                            <a href="javascript:;" class="li dot" v-for="i in 8">装修攻略装修攻略装修攻略装修攻略装修攻略装修攻略装修攻略</a>--}}
{{--                        </div>--}}
{{--                    </li>--}}
                </ul>
            </div>
        </div>
    </div>


    <div class="li4">
        <div class="content">
            <div class="pull-left">自己装修也很轻松!</div>
            <div class="m footzhuanshi">
                <img src="{{ asset('web/images/zhuanshi.png') }}" alt="">
                <div class="text">
                    <div>蚂蚁嘉装一站式贴心服务</div>
                    <span>为您提供最优质的服务</span>
                </div>
            </div>
            <ul class="pull-right">
                <li>
                    <div class="img"></div>
                    <div>xxxx公众号</div>
                </li>
                <li>
                    <div class="img"></div>
                    <div>xxxx公众号</div>
                </li>
                <li>
                    <div class="img"></div>
                    <div>xxxx公众号</div>
                </li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <div class="content">
            <div class="list">
                <span>友情链接</span>
                <span><a href="{{ url('biaoqian') }}" style="color: #999;">蚂蚁标签</a></span>
            </div>
            <div class="alist">
                @foreach($link as $item)
                    <a href="{{ $item->url }}" target="_blank">{{ $item->name }}</a>
                @endforeach
            </div>

            <div class="aboutUs" style="margin-top: 20px;">
                <div class="t">
                    <a href="javascript:;">关于我们</a>
                    <a href="javascript:;">联系我们</a>
                    <span>网站备案号： 苏ICP备17055766号 www.mayiguan.com</span>
                    <span>蚂蚁家装保留所有权利</span>
                </div>
                <div class="b">
                    <div>免责声明：网站资源均有公共信息网站信息下载或网友自行上传，如发现本网站信息涉及版权或有侵权嫌疑等，请联系邮箱网站客服，蚂蚁馆嘉装将在第一时间予以更改或删除。</div>
                    <div>邮箱：xxxx@qq.com</div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="{{ asset('web/js/jquery.min.js') }}"></script>
<script src="{{ asset('web/js/comm.js')}}"></script>
<script src="{{ asset('web/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('web/js/idangerous.swiper.min.js') }}"></script>
<script>
    new Vue({
        el: '#app',
        data: {}
    })

    var mySwiper = new Swiper('.companies', {
        autoplay: 5000, //可选选项，自动滑动
        loop: true, //可选选项，开启循环
        slidesPerView: 4,
        slidesPerGroup: 4,
        autoplayDisableOnInteraction: false,
        onSlideNext: function (swiper) {
            console.log(swiper.activeLoopIndex)
            $("#current").text(swiper.activeLoopIndex / 4 + 1)
        }
    })
</script>
</body>

</html>